<template>
    <div class="nav">
        <div class="nav-item">
            <RouterLink to="/my"><div><</div></RouterLink>
            <div>账户余额</div>
            <div>提现记录</div>
        </div>
        <div class="yu">
            <div>账户余额(元)</div>
        </div>
        <div class="qian">
            <div>102.81</div>
        </div>
        <div class="tixian">
            <div>提现</div>
        </div>
    </div>
    <div class="min">
        <div class="shouru">
            <div>收入明细<span class="shouru-job">（已累计收入：3262元）</span></div>
        </div>
    </div>
    <div class="tuiguang">
        <div class="tuiguang-item">
            <div>推广费用</div>
            <div>2018-03-16   15:28</div>
        </div>
        <div class="b"></div>
        <div class="a">
            <div>+300</div>
        </div>
    </div>
    <div class="tuiguang">
        <div class="tuiguang-item">
            <div>推广费用</div>
            <div>2018-03-16   15:28</div>
        </div>
        <div class="b"></div>
        <div class="a">
            <div>+300</div>
        </div>
    </div>
    <div class="tuiguang">
        <div class="tuiguang-item">
            <div>推广费用</div>
            <div>2018-03-16   15:28</div>
        </div>
        <div class="b"></div>
        <div class="a">
            <div>+300</div>
        </div>
    </div>
    <div class="tuiguang">
        <div class="tuiguang-item">
            <div>推广费用</div>
            <div>2018-03-16   15:28</div>
        </div>
        <div class="b"></div>
        <div class="a">
            <div>+300</div>
        </div>
    </div>
</template>
<style scoped>
    .nav-item {
        display: flex;
        justify-content: space-between;
        padding: 10px;
        top: 0;
        color: #fff;
    }
    .nav {
        width: 375px;
        height: 239px;
        /* background-color: #000; */
        background-image: url("../../assets/images/图层 4.png");
    }
    .nav-item div:nth-child(1){
        color: #fff;
    }
    .yu {
        color: #fff;
        padding: 20px;
    }
    .qian {
        color: #fff;
        font-size: 30px;
        padding: 20px;
    }
    .tixian {
        width: 60px;
        height: 23px;
        text-align: center;
        margin-left: 30px;
        margin-top: 10px;
        /* padding: 15px 40px; */
        border: 1px solid #fff;
        background-color: #fff;
    }
    .shouru {
        height: 35px;
        line-height: 35px;
        padding-left: 18px;
        border: 1px solid #ccc;
        background-color: #ccc;
    }
    .shouru-job {
        color: #fc6319;
    }
    .tuiguang {
        display: flex;
        justify-content: space-between;
        /* padding: 20px; */
        border: 1px solid #f4f4f4;
        padding: 10px;
    }
    .b {
        color: #fff;
        border: 1px solid #fff;
    }
    .a {
        margin-top: 10px;
        color: #0c9460;
    }
    .tuiguang-item div:nth-child(2){
        margin-top: 5px;
    }
</style>